﻿<!DOCTYPE html>
<html lang="en">
<head>
    <mata> http-equiv="Content-Type" content="text/html; charset=utf-8"</mata>
    <title>事件处理</title>
</head>
<body>
    <button id="btn1">点我1</button>
    <button id="btn2">点我222</button>
    <button id="btn3">点我333</button>
    <button id="btn4">点我444</button>
    <script type="text/tiscript">
        // view是一个全局的视图对象, root是加载的根元素
        var root = view.root;
        // 通过selt.$()选择元素, 类似jquery的$
        // self.$()里面的参数不用加引号
        // 调用在go中定义的方法
        $(#btn1).on("click", function(){
            // this指向当前的元素, test()是在go中添加的方法
            this.test("参数1", "参数2", "参数3")
        })
        // 在go中也可以调用我们在tis中定义的方法
        $(#btn2).test2 = function(a, b, c){
            return String.printf("我是tis中btn2中定义的test2方法, %v %v %v", a, b, b)
        }
        // 定义一个函数
        // 函数并未指定属于哪个对象
        function sum(num1, num2) {
            return num1 + num2
        }

        // 调用go中定义的函数
        // 使用 view.gofunc来调用
        // #alert, 调用tisciter内置alert对象
        $(#btn3).on("click", function () {
            view.msgbox(#alert, view.dec(5))
        })
        $(#btn4).on("click", function () {
            view.msgbox(#alert, view.inc(5))
        })
    </script>
</body>
</html>